﻿<!DOCTYPE html>
<html>

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>Untitled 1</title>
<link href="layout.css" rel="stylesheet" type="text/css">
<link href="style01.css" rel="stylesheet" type="text/css">
<link href="style_slideshow.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="jquery-1.6.3.js"></script>

<style type="text/css">
.auto-style1 {
	margin-left: 0;
}
</style>

</head>

<body>
<div align="center">
	<div id="masthead">
	<a href="default.php" title="Pagina Inicial">
	<img src="images_home/bg_logo.gif" class="logo"></a>
</div>
<div id="top_nav">
	<p style="margin:0px;float:left">
		<a href="Entrar_Registrar.php">Entrar/Registrar</a> &nbsp; 
		<a href="Entregas.php">Entregas</a> &nbsp; 
		<a href="Contacto.php">Contacto</a> &nbsp;			
	</p>
	<form method="post" action="procurar.php">	
	<!--input type="submit" value="procurar" style="float:right" -->
	
	<input type="text" name="procurar" id="caixa_procurar" style="float:right">
	<a href="procurar.php">
		<img src="imagens_service/procurar.png" style="float:right" alt="Procurar"> 
	</a>
	</form>
	
	<br>
</div>
<div id="tab_nav" style="background:white">
	 <!-- Aqui defino o mapa da imagem que constitui a barra de tabs para hyperlinks individual -->
	 <map name="map_nav" id="map_nav">
	 <area shape="rect" coords="0,0,131,25" href="default.php" title="Pagina Inicial" >
	 <area shape="rect" coords="164,0,271,25" href="homem\default.php" title="Homem">
	 <area shape="rect" coords="298,0,410,25" href="mulher\default.php" title="Mulher" >
	 <area shape="rect" coords="435,0,550,25" href="promocao\default.php" title="Promoção" >
	 </map>	
	<img src="imagens_tabs/tab01_pagina_inicial.gif" class="logo" usemap="#map_nav" style="border: none" >
	
</div>

<div id="container">
  
    <div id="banner_top" >
    <br> 
    <img src="imagens_tabs/banner_anuncio.png">
    <br>    
    </div>
	<div id="slideshow">

		    <ul class="slides">
		        <li><img src="img/photos/1.jpg" width="620" height="320" alt="Marsa Alam" ></li>
		        <li><img src="img/photos/2.jpg" width="620" height="320" alt="Turrimetta Beach" ></li>
		        <li><img src="img/photos/3.jpg" width="620" height="320" alt="Power Station" ></li>
		        <li><img src="img/photos/4.jpg" width="620" height="320" alt="Colors of Nature" ></li>
		    </ul> 
		    <span class="arrow previous"></span>
		    <span class="arrow next"></span>

	</div>
	
	 <div id="banner_down" >
    <table id="banner_down_table" width="100%" cellpadding="0" cellspacing="0">
	    <tr>
		    <td>
		   
		   		 <img src="imagens_banner_down/1301089074_IMG_0330.jpg">		   
		    </td>
		    <td>
			   	 <img src="imagens_banner_down/1301089542_IMG_0335.jpg"> 
		    </td>
		    <td>
		  		 <img src="imagens_banner_down/1301089698_IMG_0359.jpg">
		    </td>	   
		     <td>
		  		 <img src="imagens_banner_down/1301089736_IMG_0352.jpg">
		    </td>	  
	    </tr>
	    <tr>
	    <td>
	     10000KZ
	    </td>
	     <td>
	    10000KZ
	    </td>
	     <td>
	    10000KZ
	    </td>
	     <td>
	    10000KZ
	    </td>



	    </tr>
    </table>
    </div>

</div>

<div id="footer">
<img src="imagens_tabs/tab04_footer.gif">	
	
</div>
</div>
<script src="homem/jquery.min.js"></script>
<script src="script.js"></script>
<script src="autoadvance.js"></script>
</body>

</html>
